/* CSSTidy 1.3: Sat, 01 Sep 2012 12:00:37 -0500 */
/* BEGIN @import url(yandex.share.css); */
#yandex-share .b-share-icon{height:26px;background:url(../img/yandex-share.png) no-repeat}
#yandex-share .b-share-icon_yaru{width:15px}
#yandex-share .b-share-icon_yaru:hover{background-position:0 -26px}
#yandex-share .b-share-icon_vkontakte{width:18px;background-position:-27px 0}
#yandex-share .b-share-icon_vkontakte:hover{background-position:-27px -26px}
#yandex-share .b-share-icon_facebook{width:14px;background-position:-57px 0}
#yandex-share .b-share-icon_facebook:hover{background-position:-57px -26px}
#yandex-share .b-share-icon_twitter{width:32px;background-position:-82px 0}
#yandex-share .b-share-icon_twitter:hover{background-position:-82px -26px}
#yandex-share .b-share-icon_odnoklassniki{width:14px;background-position:-122px 0}
#yandex-share .b-share-icon_odnoklassniki:hover{background-position:-122px -26px}
#yandex-share .b-share-icon_gplus{width:24px;background-position:-148px 0}
#yandex-share .b-share-icon_gplus:hover{background-position:-148px -26px}
/* END @import url(yandex.share.css); */
/* BEGIN @import url(navi.css) */
header{z-index:1000;padding:30px 0}
header h1,header p{margin:0;padding:0}
header p{font-size:16px;color:#999;margin:5px 0 0}
header h1{font-size:48px;border:none;margin:0}
header #logo{display:block;float:left;margin-top:4px}
#topnav{display:block;float:right;font-size:20px}
#topnav ul,#topnav li{list-style:none;margin:0;padding:0}
#topnav li{float:right;margin-right:30px}
#topnav li span{display:block;font-size:16px;text-transform:lowercase;color:#999;background-color:#FFF;font-weight:400;line-height:normal;margin:5px 0 0;padding:0}
#topnav li a:link,#topnav li a:visited,#topnav li a:hover{display:block;color:#666;background-color:#FFF;text-transform:uppercase;border-top:4px solid #FFF;font-weight:700;margin:0;padding:20px 0 0}
#topnav ul ul li a:link,#topnav ul ul li a:visited{border:none}
#topnav li a:hover,#topnav li.active a{color:#09F;background-color:#FFF;border-top-color:#09F}
#topnav li li a:link,#topnav li li a:visited{width:150px;float:none;font-size:16px;font-weight:400;color:#666;border:none;margin:0;padding:7px 10px}
#topnav li li a:hover{color:#fff;background-color:#09F;-webkit-transition:background-color .5s;-moz-transition:background-color .5s;-ms-transition:background-color .5s;-o-transition:background-color .5s;transition:background-color .5s}
#topnav ul ul{z-index:999;position:absolute;left:-999em;height:auto;width:170px;-moz-box-shadow:inset #fff 0 1px 0 transparent 0 0 0;-webkit-box-shadow:inset #fff 0 1px 0 transparent 0 0 0;box-shadow:inset #fff 0 1px 0 transparent 0 0 0;-ms-filter:"progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#ffffff', EndColorStr='#ffffff', GradientType=0))";filter:progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#ffffff',EndColorStr='#ffffff',GradientType=0);background-color:#f9f9f9;border:1px solid #CCC;border-radius:3px}
#topnav ul ul a{width:140px}
#topnav li:hover ul{left:auto}
#topnav li:hover{position:static}
#column .subnav{display:block;width:250px;background-color:#F9F9F9;margin-bottom:30px;padding:25px 25px 10px}
#column .subnav h2{font-size:20px;font-weight:400;font-family:Georgia, "Times New Roman", Times, serif;color:#666;background-color:#F9F9F9;line-height:normal;border-bottom:1px dotted #666;margin:0 0 20px;padding:0 0 14px}
.post{margin:0 0 25px}
#column .widget{margin:0 0 30px}
#column .subnav a{color:#777;background:#F9F9F9}
#column .subnav a:hover{color:#09F;background-color:#F9F9F9}
header a:link,header a:visited,header h1 a{color:#09F}
#topnav li li,#topnav li.last{margin-right:0}
#topnav li a:hover,#topnav li a{-webkit-transition:border-color .5s;-moz-transition:border-color .5s;-ms-transition:border-color .5s;-o-transition:border-color .5s;transition:border-color .5s}
/* END @import url(navi.css) */
/* CODE TABS BEGIN */
.code-tabs nav ul{list-style:none;}
.code-tabs .clearfix:before,.code-tabs .clearfix:after{content:"\0020";display:block;height:0;visibility:hidden;}
.code-tabs .clearfix:after{clear:both;}
.code-tabs .clearfix{zoom:1;}
.code-tabs .tabs{font-size:13px;line-height:20px;}
.code-tabs .tabs ul:before,.code-tabs .tabs ul:after{content:"\0020";display:block;height:0;visibility:hidden;}
.code-tabs .tabs ul:after{clear:both;}
.code-tabs .tabs ul{border-bottom:1px solid #e0e0e0;zoom:1;padding:0 6%;}
.code-tabs .tabs ul li{position:relative;float:left;margin:0;}
.code-tabs .tabs ul li a{background:#efefef;font-weight:700;text-align:center;display:block;border:1px solid #e0e0e0;color:#909090;text-shadow:0 1px 0 rgba(255,255,255,0.75);-webkit-border-top-left-radius:6px;-webkit-border-top-right-radius:6px;-moz-border-radius-topleft:6px;-moz-border-radius-topright:6px;border-top-left-radius:6px;border-top-right-radius:6px;margin:0 5px -1px 0;padding:6px 18px;}
.code-tabs .tabs ul li a:hover{color:#606060;border-color:#ccc;}
.code-tabs .tabs ul li.active a{background:#fff;border-bottom:1px solid #fff;color:#09F;margin-top:-4px;padding-top:10px;}
.code-tabs .panel{padding:2% 6%;}
/* CODE TABS END */
/* blogger styles begin */
div.numero-list ol{counter-reset:item;}
div.numero-list li{display:block;}
div.numero-list li:before{content:"    " counter(item) ") ";counter-increment:item;}
/* blogger styles end */
#contacts{float:left;color:#fff;padding:6px 0}
#share{float:right;color:#fff}
#breadcrumb{background:#369;box-shadow:inset 0 0 8px rgba(0,0,0,.3);color:#fff;padding:10px 0}
#breadcrumb ul{list-style:none;margin:0;padding:0}
#breadcrumb ul li{display:inline}
#breadcrumb ul li a{color:#fff}
#breadcrumb ul li.current a{text-decoration:underline}
#content{margin:3em 0}
#copy{display:inline-block;margin:0}
#fixed-topbar{background:#09F;box-shadow:inset 0 -1px 8px rgba(0,0,0,.3);left:0;position:fixed;top:0;width:100%;z-index:1000;padding:10px 0}
#fixed-topbar a:link,#fixed-topbar a:visited{color:#FFF}
#fork{float:right;margin:0}
.article img.center,.article .video.center{display:block;margin:0 auto 1.5em}
/* .article img.circled{width:22.4%} */
.article div.circled{margin:0 auto 1.5em}
.article pre.circled,.article div.circled,form div.circled,.article img.circled,.article .video.circled{-moz-border-radius:.3em;-moz-box-shadow:0 0 4px #999;-ms-border-radius:.3em;-o-border-radius:.3em;-webkit-border-radius:.3em;-webkit-box-shadow:0 0 4px #999;border: #fff .5em solid;border-radius:.3em;box-shadow:0 0 4px #999}
.article .video{display:block;margin:0 auto 1.5em;max-width:100%;height:auto}
.article .video>div{position:relative;display:block;padding-bottom:56.25%;padding-top:1px;height:0;overflow:hidden}
.article .video>div iframe{position:absolute;top:0;left:0;width:100%;height:100%}
.article img.left,.article .video.left{float:left;margin-left:.3em;margin-right:1.5em}
.article img.left,.article .video.left,.article img.right,.article .video.right{margin-bottom:.8em}
.article img.right,.article .video.right{float:right;margin-left:1.5em;margin-right:.3em}
.follow{padding:10px 0 0}
.follow a{margin:0 6px}
.follow i{background:url(../img/follow.png) no-repeat 0 0;display:inline-block;height:53px}
.follow i.facebook{width:26px}
.follow i.facebook:hover{background-position:0 -53px}
.follow i.gplus{background-position:-136px 0;width:54px}
.follow i.gplus:hover{background-position:-136px -53px}
.follow i.twitter{background-position:-71px 0;width:64px}
.follow i.twitter:hover{background-position:-71px -53px}
.follow i.vkontakte{background-position:-27px 0;width:44px}
.follow i.vkontakte:hover{background-position:-27px -53px}
.follow i.facebook:hover,.follow i.gplus:hover,.follow i.twitter:hover,.follow i.vkontakte:hover,.follow i.facebook,.follow i.gplus,.follow i.twitter,.follow i.vkontakte{-webkit-transition:background-position .5s;-moz-transition:background-position .5s;-ms-transition:background-position .5s;-o-transition:background-position .5s;transition:background-position .5s}
.follow.center{text-align:center}
#payForm{border:1px solid red;margin-bottom:3em}
.mycol{padding-top:14px}
article .article,article form{text-align:justify}
.navigation .navigation-heading h1,.navigation .navigation-heading h2,.navigation .navigation-heading h3,.navigation .navigation-heading h4,.navigation .navigation-heading h5,.navigation .navigation-heading h6,.article .article-header h1,h3.post-title{font-size:200%;border-color:#9cb6c9;border-style:solid;border-width:0 0 1px;padding:0 0 .5em}
.article a:hover,.navigation a:hover,.article a,.navigation a{-webkit-transition:color .5s;-moz-transition:color .5s;-ms-transition:color .5s;-o-transition:color .5s;transition:color .5s}
.navigation .subnavigation h1,.navigation .subnavigation h2,.navigation .subnavigation h3,.navigation .subnavigation h4,.navigation .subnavigation h5,.navigation .subnavigation h6,.widget-content{display:block;font-size:120%;margin:0;padding:0 0 .5em}
.navigation .subnavigation li{list-style:none}
.navigation p{margin:0 0 .5em;padding:0}
.navigation,.article{-moz-box-shadow:inset #fff 0 1px 0 transparent 0 0 0;-webkit-box-shadow:inset #fff 0 1px 0 transparent 0 0 0;background-color:#fff;background-image:0;background-repeat:no-repeat;border:1px solid #adf;box-shadow:inset #fff 0 1px 0 transparent 0 0 0;filter:progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#ffffff',EndColorStr='#ffffff',GradientType=0);margin-bottom:3em}
.navigation,.article,#payForm{border-radius:3px;box-shadow:0 0 2px rgba(0,0,0,.2);padding:3em}
.pointer-content{-moz-border-radius:.3em;-moz-box-shadow:rgba(0,0,0,0.5) 0 0 4px;-ms-border-radius:.3em;-o-border-radius:.3em;-webkit-border-radius:.3em;-webkit-box-shadow:rgba(0,0,0,0.5) 0 0 4px;background-color:#09F;border:#fff .5em solid;border-radius:.3em;box-shadow:rgba(0,0,0,0.5) 0 0 4px;color:#fff;font-size:100%;font-weight:700;padding:10px}
.pointer-content input[type=submit]{background-color:#369;color:#fff;float:right;font-size:14px;font-weight:700;text-transform:uppercase;border-color:#369;border-style:solid;border-width:2px;margin:8px 8px 0 0;padding:4px}
.subscribe-pointer{display:none;left:auto;right:50px}
a:link,a:visited{color:#09F;font-weight:700;text-decoration:none}
a.button{background-color:#369;color:#fff;float:right;font-size:14px;font-weight:700;margin-right:8px;margin-top:4px;text-transform:uppercase;border-color:#369;border-style:solid;border-width:2px;padding:4px}
a.button:hover,.pointer-content input[type=submit]:hover{border-color:#fff}
a.button:hover,.pointer-content input[type=submit]:hover,a.button,.pointer-content input[type=submit]{-webkit-transition:border-color .5s;-moz-transition:border-color .5s;-ms-transition:border-color .5s;-o-transition:border-color .5s;transition:border-color .5s}
span.post-labels a:hover,span.label-size a:hover,ul.posts li a:hover,a.post-count-link:hover,.navigation .subnavigation li a:hover,.navigation .subnavigation li.active a,#contacts a:hover,a.sub-rss:hover{border-bottom:solid;border-width:1px}
a.sub-email:hover{border-bottom:dashed;border-width:1px}
a.post-count-link:hover{border-width:0}
body{background:url(../img/pattern.png);color:#222;font:normal 15px/1.5 Arial, Helvetica, Free Sans, sans-serif;padding:54px 0 0}
body>footer{background:#369;box-shadow:inset 1px 0 8px rgba(0,0,0,.3);color:#FFF;padding:40px 0}
body>footer a:link,footer a:visited{color:#FFF;border-color:#FFF}
h1{font-size:30px}
h1,h2,h3{color:#369;line-height:1;margin:0 0 .5em;padding:0;text-align:left}
header{background:#fff;box-shadow:inset 0 0 5px rgba(0,0,0,.4)}
label{position:relative;/* text-align:right;float:left; */margin:0 1em 0 0}
li{margin:.5em 0}
p{margin:0 0 1em}
ul{margin:0 0 1em;padding:0 1em}
.post-comment-link{visibility:hidden}
#dsq-global-toolbar,.feed-links,.post-timestamp{display:none!important}
.sh_help_button_chat, .sh_online_guests, .sh_help_button_line, .sh_ic_chat_up{display:none!important} /* SiteHeart */
/* #blog-pager-newer-link a,#blog-pager-older-link a, */.post .jump-link a{background-color:#09F;color:#fff;font-size:14px;font-weight:700;margin-right:8px;margin-top:4px;text-transform:uppercase;padding:6px}
/* #blog-pager-newer-link a:hover,#blog-pager-older-link a:hover, */.post .jump-link a:hover{background-color:#369;color:#fff}
/* #blog-pager-newer-link a,#blog-pager-newer-link a:hover,#blog-pager-older-link a,#blog-pager-older-link a:hover, */.post .jump-link a,.post .jump-link a:hover{-webkit-transition:background-color .5s;-moz-transition:background-color .5s;-ms-transition:background-color .5s;-o-transition:background-color .5s;transition:background-color .5s}
h2.date-header{font-size:100%;border-width:0;padding:0 0 .5em}
pre.code{font-size:90%;border:1px dashed #09f;color:#666;background-color:#f9f9f9;overflow:auto;-webkit-border-radius:.4em;-moz-border-radius:.4em;-ms-border-radius:.4em;-o-border-radius:.4em;border-radius:.4em;margin:0 0 1.5em;padding:.5em}
p code,li code{display:inline-block;white-space:no-wrap;background:#f9f9f9;font-size:.8em;line-height:1.5em;color:#666;border:1px solid #09f;-webkit-border-radius:.4em;-moz-border-radius:.4em;-ms-border-radius:.4em;-o-border-radius:.4em;border-radius:.4em;margin:-1px 0;padding:0 .3em}
blockquote{font-style:italic;position:relative;font-size:1.2em;line-height:1.5em;padding-left:1em;border-left:4px solid #09f;color:#666;margin:0 1.5em 1.5em 0}
blockquote cite{font-style:italic}
blockquote cite a{color:#aaa!important;word-wrap:break-word}
blockquote cite:before{content:'\2014';padding-right:.3em;padding-left:.3em;color:#aaa}
.pullquote-right:before,.pullquote-left:before{border:none;content:attr(data-pullquote);float:right;width:45%;position:relative;top:7px;font-size:1.4em;line-height:1.45em;color:#666;margin:.5em 1.5em 1em;padding:0}
.pullquote-left:before{float:left}
.mark{padding:10px 25px 0}
.mark p.check,.mark p.plus,.mark p.minus,.mark p.starred,.mark p.nonstarred,.mark p.question,.mark p.information,.mark p.warning,.mark p.error,.mark p.thought,.mark p.guaranty,.mark p.bonus,.mark p.email,.mark p.attachment,.mark p.password,.mark p.folder,.mark p.trash,.mark p.ubuntu,.mark p.puzzle,.mark p.cut,.mark p.find,.mark p.next,.mark p.stop,.mark p.close,.mark p.kep,.mark p.cool{font-style:italic;font-size:110%;line-height:1.5;padding:0 0 0 40px}
.mark p.check{background:url(../img/mark/checkmark.png) no-repeat 0 top}
.mark p.plus{background:url(../img/mark/plusmark.png) no-repeat 0 top}
.mark p.minus{background:url(../img/mark/minusmark.png) no-repeat 0 top}
.mark p.starred{background:url(../img/mark/starredmark.png) no-repeat 0 top}
.mark p.nonstarred{background:url(../img/mark/nonstarredmark.png) no-repeat 0 top}
.mark p.question{background:url(../img/mark/questionmark.png) no-repeat 0 top}
.mark p.information{background:url(../img/mark/informationmark.png) no-repeat 0 top}
.mark p.warning{background:url(../img/mark/warningmark.png) no-repeat 0 top}
.mark p.error{background:url(../img/mark/errormark.png) no-repeat 0 top}
.mark p.thought{background:url(../img/mark/thoughtmark.png) no-repeat 0 top}
.mark p.guaranty{background:url(../img/mark/guarantymark.png) no-repeat 0 top}
.mark p.bonus{background:url(../img/mark/bonusmark.png) no-repeat 0 top}
.mark p.email{background:url(../img/mark/emailmark.png) no-repeat 0 top}
.mark p.attachment{background:url(../img/mark/attachmentmark.png) no-repeat 0 top}
.mark p.password{background:url(../img/mark/passwordmark.png) no-repeat 0 top}
.mark p.folder{background:url(../img/mark/foldermark.png) no-repeat 0 top}
.mark p.trash{background:url(../img/mark/trashmark.png) no-repeat 0 top}
.mark p.ubuntu{background:url(../img/mark/ubuntumark.png) no-repeat 0 top}
.mark p.puzzle{background:url(../img/mark/puzzlemark.png) no-repeat 0 top}
.mark p.cut{background:url(../img/mark/cutmark.png) no-repeat 0 top}
.mark p.find{background:url(../img/mark/findmark.png) no-repeat 0 top}
.mark p.next{background:url(../img/mark/nextmark.png) no-repeat 0 top}
.mark p.stop{background:url(../img/mark/stopmark.png) no-repeat 0 top}
.mark p.close{background:url(../img/mark/closemark.png) no-repeat 0 top}
.mark p.kep{background:url(../img/mark/kepmark.png) no-repeat 0 top}
.mark p.cool{background:url(../img/mark/coolmark.png) no-repeat 0 top}
.numeralist{padding:10px 25px 10px 55px}
.numeralist ol li{font-size:110%}
.post-footer{color:#666;background-color:#f9f9f9;border-bottom:1px solid #f5f5f5;line-height:1.6;font-size:90%;margin:20px -2px 0;padding:5px 10px}
.dsq-comment-message{color:#666}
.dsq-comment-footer{line-height:1.6;font-size:90%}
.dsq-comment-footer ul li a{color:#09f;opacity:1}
#submenu{position:fixed;width:259px;display:none}
div.numeralist,.article-header,.post-title,.pics,.post-footer-line,span.error{text-align:left}
.pics {padding-bottom:1em}
.article a:hover,.navigation a:hover,.dsq-comment-footer ul li a:hover,.comments h3{color:#369}
@media all and (max-width:1023px) {
#calltoaction{float:left;margin:0}
#download{float:left;margin-top:.8em}
#download,#title,#calltoaction{clear:both;float:left}
#payForm{margin-top:30px;padding:1.5em}
.submenu,#topcontrol,#logo{display:none!important}
}